<?php
/* @var $this SiteController */

$this->pageTitle=Yii::app()->name;
?>

<div class="kolom-1">
	<h1 class="judul-halaman">BERANDA</h1>
	<div class="latar-putih">
		<h2 class="subjudul-halaman">DASHBOARD<hr/></h2>
		<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/FusionCharts1.js"></script>
		<table style="margin: 0 auto;">
			<tr>
				<td style="vertical-align:middle; ">
					<small><b>Agenda Terdekat</b></small>
					<table class="table1">
					<tbody>
						<!-- dibuat maksimal 4 data saja -->
						<?php
						$aktivitas_comingsoon = array();
						$dbh=Yii::app()->db;
						$sql="select nama,tanggalMulai from kegiatan where statusKeg_id=1 and kepengurusan_id=(select kepengurusan_id from tahunaktif where id=1) order by tanggalMulai desc";
						$command=$dbh->createCommand($sql);
						$reader=$command->query();
						if($reader->getRowCount()!=0){
							while(($row=$reader->read())!==false){
								$aktivitas_comingsoon[] = array('nama' => $row['nama'], 'waktu' => $row['tanggalMulai']);
							}
						}
						$sql="select bahasan,tanggal from rapat where statusKeg_id=1 and kepengurusan_id=(select kepengurusan_id from tahunaktif where id=1) order by tanggal desc";
						$command=$dbh->createCommand($sql);
						$reader=$command->query();
						if($reader->getRowCount()!=0){
							while(($row=$reader->read())!==false){
								$aktivitas_comingsoon[] = array('nama' => $row['bahasan'], 'waktu' => $row['tanggal']);
							}
						}
						//ngurutin kegiatan/rapat berdasarkan tanggal
						function cmp($a, $b) {
								return strcmp($a["waktu"],$b["waktu"]);
						}
						usort($aktivitas_comingsoon, "cmp");
						
						//cetak aktivitas coming soon dengan maksimal 4 data yang tampil
						if(count($aktivitas_comingsoon)!=0){
							for($i=0; $i<4; $i++){
								//cek ketersediaan indeks, dikhawatirkan data berjumlah kurang dari 4
								if(array_key_exists($i, $aktivitas_comingsoon)){
						?>
						<tr>
							<td><?php echo $aktivitas_comingsoon[$i]['waktu']; ?></td>
							<td><?php /*maks 35 karakter */ echo (strlen($aktivitas_comingsoon[$i]['nama']) > 35) ? substr($aktivitas_comingsoon[$i]['nama'],0,30).'...' : $aktivitas_comingsoon[$i]['nama']; ?></td>
						</tr>
						<?php
								}
							}
						}else{
							echo ": <i>Belum Ada Kegiatan</i>";
						}
						?>
					</tbody>
					</table>
				</td>
				<td style="vertical-align:middle;"><div id="absensiDiv" "></div></td>
			</tr>
		</table>
		<!-- START Script Block for Chart absensi -->
		
		<div class="clear"></div>
		<script type="text/javascript">	
			//Instantiate the Chart	
			var chart_absensi = new FusionCharts("<?php echo Yii::app()->request->baseUrl; ?>/js/AngularGauge.swf", "absensi", "200", "140", "0", "0");
		  chart_absensi.setTransparent("false");
		
			//Provide entire XML data using dataXML method
			chart_absensi.setDataXML("<chart width='500' lowerLimit='0' showBorder='0' bgColor='ffffff' upperLimit='100' lowerLimitDisplay='Malas' upperLimitDisplay='Rajin' gaugeStartAngle='240' gaugeEndAngle='-60' palette='1' numberSuffix='%' tickValueDistance='20' showValue='1'><colorRange><color minValue='0' maxValue='80' code='FF654F'/><color minValue='80' maxValue='90' code='F6BD0F'/><color minValue='90' maxValue='100' code='8BBA00'/></colorRange><dials><dial value='91' rearExtension='10'/></dials></chart>")
			//Finally, render the chart.
			chart_absensi.render("absensiDiv");
		</script>
	</div>
</div>

<div class="kolom-1">
	<div class="latar-putih">
		<h2 class="subjudul-halaman">KEGIATAN<hr/></h2>
			<div class="kolom-2-kiri">
				<span class="judul-kegiatan">Tryout Akbar 2013</span><br/>
				<span class="tanggal-kegiatan">Pelaksanaan: Jumat, 22 Agustus 2014 </span>
				<span class="sekretaris-kegiatan">Ditulis oleh: Iradah Jayanti </span>
				<img style="padding:5px 0;" width="90%" src="<?php echo Yii::app()->request->baseUrl; ?>/images/kegiatan/tobar.jpg" /><br/>
				<div class="deskripsi-kegiatan">Alhamdulillah telah terlaksana salah satu kegiatan besar kita tahun ini, yaitu Tryout Akbar. Tahun ini banyak sekali yang ikut di event ini, tidak hanya dari Jakarta, namun ada beberapa dari luar Pulau Jawa seperti Pulau ... <a href="#">Baca Selengkapnya</a></div>
			</div>
			<div class="kolom-2-kanan">
				<span class="judul-kegiatan">BIUS Online 2013</span><br/>
				<span class="tanggal-kegiatan">Pelaksanaan: Kamis, 12 Maret 2014 </span>
				<span class="sekretaris-kegiatan">Ditulis oleh: Iradah Jayanti </span>
				<hr/>
				<span class="judul-kegiatan">Jalan-Jalan Bimbel 2013</span><br/>
				<span class="tanggal-kegiatan">Pelaksanaan: Sabtu, 21 Januari 2014 </span>
				<span class="sekretaris-kegiatan">Ditulis oleh: Iradah Jayanti </span>
				<hr/>
				<span class="judul-kegiatan">Open Recruitment Bimbel 2013</span><br/>
				<span class="tanggal-kegiatan">Pelaksanaan: Senin, 8 September 2013 </span>
				<span class="sekretaris-kegiatan">Ditulis oleh: Kiky Claudia Nawaji </span>
				<hr/>
				<span class="agencyr" style="font-size:20px;"><a href="#">Lihat Semua Kegiatan >></a>
			</div>
			<div class="clear"></div>
	</div>
</div>

<div class="kolom-1">
	<div class="latar-putih">
		<h2 class="subjudul-halaman">KALENDER<hr/></h2>
		
		<?php
			$this->widget('ext.EFullCalendar.EFullCalendar', array(
			// polish version available, uncomment to use it
			// 'lang'=>'pl',
			// you can create your own translation by copying locale/pl.php
			// and customizing it
		 
			// remove to use without theme
			// this is relative path to:
			// themes/<path>
			'themeCssFile'=>'cupertino/theme.css',
		 
			// raw html tags
			'htmlOptions'=>array(
				// you can scale it down as well, try 80%
				'style'=>'width:100%'
			),
			// FullCalendar's options.
			// Documentation available at
			// http://arshaw.com/fullcalendar/docs/
			'options'=>array(
				'header'=>array(
					'left'=>'prev,next',
					'center'=>'title',
					'right'=>'today'
				),
				'lazyFetching'=>true,
				//'events'=>$calendarEventsUrl, // action URL for dynamic events, or
				'events'=>Yii::app()->createUrl('site/CalendarEvents'), // pass array of events directly
		 
				// event handling
				// mouseover for example
				//'eventMouseover'=>new CJavaScriptExpression("js_function_callback"),
			)
		));
		?>
	</div>
</div>
